
<!DOCTYPE html>
<html>
    <body>
        <div class="env-grid">

            <a href="basketball_pong">
                <div class="env-grid__cell">
                    <div class="cell__image-container">
                        <img src="../_static/videos/multi-agent-environments/basketball_pong.gif">
                    </div>
                    <div class="cell__title">
                        <span>Basketball Pong</span>
                    </div>
                </div>
            </a>


            <a href="boxing">
                <div class="env-grid__cell">
                    <div class="cell__image-container">
                        <img src="../_static/videos/multi-agent-environments/boxing.gif">
                    </div>
                    <div class="cell__title">
                        <span>Boxing</span>
                    </div>
                </div>
            </a>


            <a href="combat_plane">
                <div class="env-grid__cell">
                    <div class="cell__image-container">
                        <img src="../_static/videos/multi-agent-environments/combat_plane.gif">
                    </div>
                    <div class="cell__title">
                        <span>Combat Plane</span>
                    </div>
                </div>
            </a>


            <a href="combat_tank">
                <div class="env-grid__cell">
                    <div class="cell__image-container">
                        <img src="../_static/videos/multi-agent-environments/combat_tank.gif">
                    </div>
                    <div class="cell__title">
                        <span>Combat Tank</span>
                    </div>
                </div>
            </a>


            <a href="double_dunk">
                <div class="env-grid__cell">
                    <div class="cell__image-container">
                        <img src="../_static/videos/multi-agent-environments/double_dunk.gif">
                    </div>
                    <div class="cell__title">
                        <span>Double Dunk</span>
                    </div>
                </div>
            </a>


            <a href="entombed_competitive">
                <div class="env-grid__cell">
                    <div class="cell__image-container">
                        <img src="../_static/videos/multi-agent-environments/entombed_competitive.gif">
                    </div>
                    <div class="cell__title">
                        <span>Entombed Competitive</span>
                    </div>
                </div>
            </a>


            <a href="entombed_cooperative">
                <div class="env-grid__cell">
                    <div class="cell__image-container">
                        <img src="../_static/videos/multi-agent-environments/entombed_cooperative.gif">
                    </div>
                    <div class="cell__title">
                        <span>Entombed Cooperative</span>
                    </div>
                </div>
            </a>


            <a href="flag_capture">
                <div class="env-grid__cell">
                    <div class="cell__image-container">
                        <img src="../_static/videos/multi-agent-environments/flag_capture.gif">
                    </div>
                    <div class="cell__title">
                        <span>Flag Capture</span>
                    </div>
                </div>
            </a>


            <a href="foozpong">
                <div class="env-grid__cell">
                    <div class="cell__image-container">
                        <img src="../_static/videos/multi-agent-environments/foozpong.gif">
                    </div>
                    <div class="cell__title">
                        <span>Foozpong</span>
                    </div>
                </div>
            </a>


            <a href="ice_hockey">
                <div class="env-grid__cell">
                    <div class="cell__image-container">
                        <img src="../_static/videos/multi-agent-environments/ice_hockey.gif">
                    </div>
                    <div class="cell__title">
                        <span>Ice Hockey</span>
                    </div>
                </div>
            </a>


            <a href="joust">
                <div class="env-grid__cell">
                    <div class="cell__image-container">
                        <img src="../_static/videos/multi-agent-environments/joust.gif">
                    </div>
                    <div class="cell__title">
                        <span>Joust</span>
                    </div>
                </div>
            </a>


            <a href="mario_bros">
                <div class="env-grid__cell">
                    <div class="cell__image-container">
                        <img src="../_static/videos/multi-agent-environments/mario_bros.gif">
                    </div>
                    <div class="cell__title">
                        <span>Mario Bros</span>
                    </div>
                </div>
            </a>


            <a href="maze_craze">
                <div class="env-grid__cell">
                    <div class="cell__image-container">
                        <img src="../_static/videos/multi-agent-environments/maze_craze.gif">
                    </div>
                    <div class="cell__title">
                        <span>Maze Craze</span>
                    </div>
                </div>
            </a>


            <a href="othello">
                <div class="env-grid__cell">
                    <div class="cell__image-container">
                        <img src="../_static/videos/multi-agent-environments/othello.gif">
                    </div>
                    <div class="cell__title">
                        <span>Othello</span>
                    </div>
                </div>
            </a>


            <a href="pong">
                <div class="env-grid__cell">
                    <div class="cell__image-container">
                        <img src="../_static/videos/multi-agent-environments/pong.gif">
                    </div>
                    <div class="cell__title">
                        <span>Pong</span>
                    </div>
                </div>
            </a>


            <a href="quadrapong">
                <div class="env-grid__cell">
                    <div class="cell__image-container">
                        <img src="../_static/videos/multi-agent-environments/quadrapong.gif">
                    </div>
                    <div class="cell__title">
                        <span>Quadrapong</span>
                    </div>
                </div>
            </a>


            <a href="space_invaders">
                <div class="env-grid__cell">
                    <div class="cell__image-container">
                        <img src="../_static/videos/multi-agent-environments/space_invaders.gif">
                    </div>
                    <div class="cell__title">
                        <span>Space Invaders</span>
                    </div>
                </div>
            </a>


            <a href="space_war">
                <div class="env-grid__cell">
                    <div class="cell__image-container">
                        <img src="../_static/videos/multi-agent-environments/space_war.gif">
                    </div>
                    <div class="cell__title">
                        <span>Space War</span>
                    </div>
                </div>
            </a>


            <a href="surround">
                <div class="env-grid__cell">
                    <div class="cell__image-container">
                        <img src="../_static/videos/multi-agent-environments/surround.gif">
                    </div>
                    <div class="cell__title">
                        <span>Surround</span>
                    </div>
                </div>
            </a>


            <a href="tennis">
                <div class="env-grid__cell">
                    <div class="cell__image-container">
                        <img src="../_static/videos/multi-agent-environments/tennis.gif">
                    </div>
                    <div class="cell__title">
                        <span>Tennis</span>
                    </div>
                </div>
            </a>


            <a href="video_checkers">
                <div class="env-grid__cell">
                    <div class="cell__image-container">
                        <img src="../_static/videos/multi-agent-environments/video_checkers.gif">
                    </div>
                    <div class="cell__title">
                        <span>Video Checkers</span>
                    </div>
                </div>
            </a>


            <a href="volleyball_pong">
                <div class="env-grid__cell">
                    <div class="cell__image-container">
                        <img src="../_static/videos/multi-agent-environments/volleyball_pong.gif">
                    </div>
                    <div class="cell__title">
                        <span>Volleyball Pong</span>
                    </div>
                </div>
            </a>


            <a href="warlords">
                <div class="env-grid__cell">
                    <div class="cell__image-container">
                        <img src="../_static/videos/multi-agent-environments/warlords.gif">
                    </div>
                    <div class="cell__title">
                        <span>Warlords</span>
                    </div>
                </div>
            </a>


            <a href="wizard_of_wor">
                <div class="env-grid__cell">
                    <div class="cell__image-container">
                        <img src="../_static/videos/multi-agent-environments/wizard_of_wor.gif">
                    </div>
                    <div class="cell__title">
                        <span>Wizard Of Wor</span>
                    </div>
                </div>
            </a>

        </div>

    </body>
</html>
